<template>
  <div class="home">
    <Header title="加班/休假">
        <template v-slot:left>
          <span class="iconfont icon-fanhui"></span>
        </template>
        <template v-slot:right>
          <span class="iconfont icon-rili"></span>
          <span class="iconfont icon-sousuo"></span>
      </template>
    </Header>
    <div class="btn" @click='showFlag=true'>
      + 发起任务
    </div>
    <Tan v-show="showFlag" @hardClick="showFlag=false"/>
  </div>
</template>

<script>
import Tan from '../../components/Tan';
import Header from '../../components/Header';
export default {
  data(){
    return {
      showFlag:false
    }
  },
  components:{
    Tan,
    Header
  }
}
</script>

<style lang='scss' scoped>
.home{
  height: 100%;
  display: flex;
  flex-direction: column;
  .btn{
    position: fixed;
    bottom: 30px;
    right: 20px;
    line-height: 50px;
    padding: 0px 30px;
    background: green;
    border-radius: 25px;
    color: white;
  }
}
</style>
